<html>
<head>
	<wicket:head>
	</wicket:head>
</head>

<body>
	<wicket:panel>
		<div class="inviteOuter" style="width:700px;">
        	<div style="border-bottom:2px solid #DEDDEF; color:#606; padding:5px 10px; width:600px;">
        		<h2>Start a new course</h2>
        	</div>
            <div class="es-invform" style="padding-left:10px;">
            <div class="es-text" style="margin-top:20px;">
            	Please provide a name for the course. You can enter multiple course names by separating them with a semicolon.
            </div>
            <div class="es-sentInvite es-text" wicket:id="msgContainer">
            	<ul class="norm">
                	<li wicket:id="message"><span wicket:id="string"></span></li>
                </ul>
            </div>
            <div class="es-invFieldName" style="margin-top:10px;font-weight:bold;">Course names</div>
            <form wicket:id="newCourse">
            	<div class="es-invField">
                	<textarea wicket:id="courseNames" style="width:450px; overflow:hidden;" rows="5"></textarea>
                </div>
                <div class="es-invField">
					<button type="submit" style="float:right;" class="es-button ui-state-default ui-corner-all">
						Start courses
					</button>
				</div></form>                                
			</div>
		</div>	
	</wicket:panel>
</body>
</html>